<style>
  div#scroller {
    /* The div displays one line of text at once. */
    line-height: 1.5em;
    height: 1.5em;
    overflow-y: scroll;
  }
</style>

<div id="scroller">
  <a href="#" id="a">a</a><br>
  <a href="#" id="b">b</a>
</div>
<a href="#" id="c">c</a>

<script src="../../resources/testharness.js"></script>
<script src="../../resources/testharnessreport.js"></script>
<script src="resources/snav-testharness.js"></script>
<script>
var resultMap = [
  ["Down", "a"], // Scrolled so no focus change.
  ["Down", "b"],
  ["Down", "c"],
  ["Up", "scroller"],
  ["Up", "b"],
  ["Up", "b"],   // Scrolled so no focus change.
  ["Up", "a"],
];
  // Start at a known place.
  document.getElementById("a").focus();
  snav.assertFocusMoves(resultMap);
</script>
